<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<ul>
  <li>亲戚
  <ul>
    <li>1</li>
    <li>2</li>
    <li>3</li>
  </ul>
  </li>
  <li>同事
  <ul>
    <li>王</li>
    <li>假</li>
    <li>凡</li>
  </ul>
  </li>
  <li>前女友
  <ul>
    <li>九</li>
    <li>九</li>
    <li>九</li>
  </ul>
  </li>
</ul>go
<script>
  $("li>ul").hide();

//
  $("body>ul>li").click(function () {
    // alert("xxx")
    $(this).children().toggle();
  })

</script>

</body>
</html>